<template>
	<view class="content">
		<!-- <text class="nr sign-rule">{{rules}}</text> -->
		<u-navbar title="签到规则" :autoBack="true" :bgColor="transparent" :border-bottom="none"></u-navbar>
		<image src="https://cdn.zkjialan.com/img/user/signRule.jpg" class="signRule"></image>
	</view>
</template>

<script>
	import { apiSignGetRemark } from "@/api/user.js";
	
	export default {
		data() {
			return {
				rules: '',
			};
		},
		
		methods: {
			signGetRemark() {
				apiSignGetRemark()
				.then(res => {
					this.rules = res.remark
				})
			}
		},
		
		onLoad() {
			this.signGetRemark()
		}
	}
</script>

<style lang="scss">
	/deep/.u-icon__icon,
	.u-title {
		color: #000 !important;
	}
	
	/deep/ .u-navbar {
		background-color: transparent !important;
	}
	.signRule {
		position: absolute;
		width: 100%;
		height: 1624rpx;
		top: 0;
	}
	.content{
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
		background-color: #fff;
	}
</style>
